﻿<!DOCTYPE html>
<html manifest="appcache.manifest">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no, email=no">

    <title>我的WebApp</title>
    <link rel="apple-touch-icon-precomposed" href="icon.png" />
    <link href="css/common.css" rel="stylesheet" />
    <script src="js/jquery.js"></script>
    <link href="js/jquery.mobile/jquery.mobile-1.3.2.css" rel="stylesheet" />
    <script src="js/jquery.mobile/jquery.mobile-1.3.2.js"></script>
    <link href="js/jquery.mobile/demos/_assets/css/jqm-demos.css" rel="stylesheet" />

    <style>
        .nav-search .ui-btn-up-a { background-image: none; background-color: #333; }
        .nav-search .ui-btn-inner { border-top: 1px solid #888; border-color: rgba(255, 255, 255, .1); }
        .nav-search .ui-btn.ui-first-child { border-top-width: 0; background: #111; }
        .userform { padding: .8em 1.2em; }
        .userform h2 { color: #555; margin: 0.3em 0 .8em 0; padding-bottom: .5em; border-bottom: 1px solid rgba(0,0,0,.1); }
        .userform label { display: block; margin-top: 1.2em; }
        .ui-grid-a { margin-top: 1em; padding-top: .8em; margin-top: 1.4em; border-top: 1px solid rgba(0,0,0,.1); }
    </style>
    <script>
        function pageinit() {
            $(window).bind("swiperight", function () {
                $("#back").trigger("click");
            });
        }
    </script>
</head>
<body onload="pageinit()">
    <div data-role="page" data-control-title="" id="page5">
        <div data-theme="b" data-role="header" data-position="fixed">
            <a id="back" data-role="button" href="index.html" data-transition="slide" data-direction="reverse" data-icon="back" data-iconpos="notext" class="ui-btn-left"></a>
            <h3>设置</h3>
        </div>
        <div data-role="content">
            <div data-role="fieldcontain">
                <label for="slider">消息提醒:</label>
                <select name="slider" id="slider" data-role="slider">
                    <option value="off">Off</option>
                    <option value="on">On</option>
                </select>
            </div>
            <ul data-role="listview" data-inset="true">
                <li>发送队列</li>
            </ul>
            <ul data-role="listview" data-inset="true">
                <li>新版本检查</li>
                <li>关于</li>
            </ul>
            <ul data-role="listview" data-inset="true">
                <li class="" style="text-align:center; color:#364f74;">推出当前帐号</li>
            </ul>
        </div>
    </div>
</body>
</html>
